/*!Don't remove this!
 * jQuery DCalendar and DCalendar Picker plugin styles
 * 
 * Author: Dionlee Uy
 * Email: dionleeuy@gmail.com
 *
 * Date: Mon Mar 2 2013
 */

.calendar {
    position: relative;
    font-family: 'Century Gothic', 'Segoe UI', Calibri, Arial;
    font-size: 12px;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    z-index: 4;
    border: 1px solid rgba(0, 0, 0, 0.08);
    width: 350px;
    color: #000;
    text-align: center;
    background-color: #FFF;
}

.calendar th,
.calendar td {
    text-align: center;
    -webki-ttransition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.calendar th:first-child,
.calendar td:first-child {
    margin-left: 5px;
}

.calendar span {
    padding: 6px 4px;
    display: block;
}

.calendar .month {
    padding: 15px;
}

.calendar .pMDate,
.calendar .nMDate {
    color: #AAA;
}

.calendar .date,
.calendar .pMDate,
.calendar .nMDate,
.calendar .month {
    cursor: pointer;
}

.calendar .date.disabled,
.calendar .pMDate.disabled,
.calendar .nMDate.disabled {
    cursor: not-allowed;
}

.calendar .date:not(.disabled):hover,
.calendar .pMDate:not(.disabled):hover,
.calendar .nMDate:not(.disabled):hover,
.calendar .month:hover {
    background-color: #E2E2E2;
}

.calendar .date:not(.disabled):active,
.calendar .pMDate:not(.disabled):active,
.calendar .nMDate:not(.disabled):active,
.calendar .month:active {
    background-color: #22A7F0;
    color: #FFF;
}

.calendar .selected {
    background-color: #22A7F0 !important;
    color: #FFF !important;
}

.calendar tr:first-child th {
    background-color: #FFF;
    padding: 4px;
    padding-top: 8px;
    font-size: 14px;
}

.calendar tr:first-child th {
    cursor: pointer;
    color: #000;
}

.calendar tr:first-child th:hover {
    color: #22A7F0;
}

.calendar tr:first-child th:active {
    color: #22A7F0;
}

.calendar thead tr:nth-child(2) th {
    color: #555;
    padding: 8px 3px;
}

.calendar #prev,
.calendar #next {
    font-family: 'Times New Roman';
    font-size: 20px;
    padding: 0;
}

.calendar #today {
    text-align: center;
    cursor: pointer;
    color: #22A7F0;
    padding: 10px 6px;
}

.calendar #today:hover {
    color: #80A7DD;
}

.calendar #today:active {
    color: #000;
}

.calendar #currDay {
    color: #22A7F0;
}

.datepicker {
    background: url('./icon.png') transparent right no-repeat;
    background-size: contain;
}